<template>
    <div>
        <div>我是 childChildCom 子子组件：<br />
            Index 页面 provideName：{{ provideName }}
        </div>
        <div>
            用法：在父页面定义
            provide: {
            value: "index.vue"
            }
            <br />
            子组件: 使用 inject: ["value"] 接收
        </div>
        <div>
            options:
            <el-select v-model="value" placeholder="请选择">
                <el-option v-for="item in options.type" :key="item" :label="item" :value="item">
                </el-option>
            </el-select>
        </div>
    </div>
</template>

<script>
export default {
    name: "childChildCom",
    inject: ["provideName", "options"],
    data() {
        return {
            value: undefined
        }
    },
    created() {
        console.log('inject:provideName',this.provideName)
        console.log('inject:options', this.options)
    }
}
</script>